<template>
  <div :class="{'rb-tag':true,'rb-tag-active':isActive}">
        <slot></slot>
  </div>
</template>

<script setup>
const props = defineProps({
    isActive:{
        type:Boolean,
        default:false
    }
})
</script>

<style lang='scss' scoped>
.rb-tag{
    width: 122px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    background:#fff;
    box-shadow: var(--btn-shadow);
}
.rb-tag-active{
    color: #fff;
    background: url('@/assets/images/tag-bg.png') center/cover no-repeat;
}
</style>